<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>新建商品</title>
    <link rel="stylesheet" href="css/_all-skins.min.css"/>
    <link rel="stylesheet" href="css/AdminLTE.min.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css"/>
    <link rel="stylesheet" href="css/select2.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/layer.css"/>
    <link rel="stylesheet" href="css/layui.css"/>
    <link rel="stylesheet" href="css/awesome-bootstrap-checkbox.css"/>
    <link rel="stylesheet" href="css/new_product.css"/>
    <style>
        .kind_box {
            display: none;
            margin-left: 65px;
        }

        .kind_increase {
            height: auto;
        }

        .kind_increase_btn {
            vertical-align: middle;
        }

        .product_details {
            margin: 0;
        }

        .kind_increase_item {
            display: block;
        }
    </style>
</head>
<style>
</style>
<body class="hold-transition skin-blue sidebar-mini fixed">
<div class="wrapper">

    <header class="main-header">
        <!-- Logo -->
        <div class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->

            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>SuitLove</b></span>
        </div>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <img src="img/user2-160x160.jpg" class="user-image" alt="User Image">
                            <span class="hidden-xs  manger-name">Amy</span>

                            <span class="change_password" style="font-size: 12px;margin-left: 40px;">修改密码</span>
                            <span class="exit_login" style="font-size: 12px;">退出登录</span>
                        </a>

                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="img/user2-160x160.jpg" class="img-circle">
                </div>
                <div class="pull-left info">
                    <p class="manger-name">Amy</p>
                    <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                </div>
            </div>
            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <!--<div class="input-group">-->
                    <!--<input type="text" name="q" class="form-control" placeholder="Search...">-->
                    <!--<span class="input-group-btn">-->
                <!--<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>-->
                <!--</button>-->
              <!--</span>-->
                <!--</div>-->
            </form>
            <!-- /.search form -->
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu" data-widget="tree">
                <li class="header">功能目录</li>

                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>系统首页</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="id_manager.html"><i class="fa fa-circle-o"></i> 账号管理</a></li>
                    </ul>
                </li>

                <li class="active treeview">
                    <a href="#">
                        <i class="fa fa-laptop"></i>
                        <span>商品管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="product_list.html"><i class="fa fa-circle-o"></i> 商品列表</a></li>
                        <li class="active"><a href="new_product.html"><i class="fa fa-circle-o"></i> 商品新建</a></li>
                        <li><a href="product_kind.html"><i class="fa fa-circle-o"></i> 商品分类</a></li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-edit"></i> <span>订单管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="hire_order.html"><i class="fa fa-circle-o"></i> 订单列表</a></li>
                        <!--<li><a href="pay_order.html"><i class="fa fa-circle-o"></i> 支付订单</a></li>-->
                        <!--<li><a href="operate_log.html"><i class="fa fa-circle-o"></i> 订单日志</a></li>-->
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>会员管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="pay_order.html"><i class="fa fa-circle-o"></i> 会员记录</a></li>
                        <!--<li><a href="discounts.html"><i class="fa fa-circle-o"></i> 优惠卷中心</a></li>-->
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>团购加盟</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="group_buy.html"><i class="fa fa-circle-o"></i> 团购信息</a></li>
                        <li><a href="join_in.html"><i class="fa fa-circle-o"></i> 加盟信息</a></li>
                        <!--<li><a href="order_data.html"><i class="fa fa-circle-o"></i>订单数据</a></li>-->
                        <!--<li><a href="user_data.html"><i class="fa fa-circle-o"></i>用户数据</a></li>-->
                        <!--<li><a href="income_data.html"><i class="fa fa-circle-o"></i>收入数据</a></li>-->
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>活动管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="activity.html"><i class="fa fa-circle-o"></i> 活动管理</a></li>
                        <!--<li><a href="discounts.html"><i class="fa fa-circle-o"></i> 优惠卷中心</a></li>-->
                    </ul>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">


        <!-- Main content -->


        <section class="content ">
            <form id="new_form">
                <div class="row new_form">
                    <div class="col-lg-2"></div>
                    <div class="col-lg-4 new_form_1" style="height: 310px;">
                        <div class="new_item">
                            <span class="label_sty">商品名:</span><input class="form-control" type="text" name="Name"
                                                                      autocomplete="off" required/>
                        </div>
                        <div class="new_item">
                            <span class="label_sty">商品编号:</span><input class="form-control" type="text"
                                                                       readonly="readonly"/>
                        </div>
                        <!--<div class="new_item">-->
                        <!--<span class="label_sty">商品描述:</span><input class="form-control"  type="text" name="Describes" autocomplete="off"/>-->
                        <!--</div>-->
                        <div class="new_item">
                            <span class="label_sty">商品总量:</span><input id="Stock" class="form-control" type="text"
                                                                       name="Stock" readonly="readonly"/>
                        </div>
                        <div class="new_item">
                            <span class="label_sty">商品价格:</span><input id="price" class="form-control" type="text"
                                                                       name="Price" autocomplete="off" required/>
                        </div>
                        <div class="new_item">
                            <span class="label_sty">参考价格:</span><input class="form-control" type="text"
                                                                       name="referPrice" autocomplete="off" required/>
                        </div>
                        <div class="new_item">
                            <span class="label_sty">商品品牌:</span><input class="form-control" type="text" name="Brand"
                                                                       autocomplete="off" required/>
                        </div>
                        <!--<div class="new_kind">-->
                        <!--<span class="label_sty">商品标签:</span>-->
                        <!--<div style="">-->
                        <!--<div class="checkbox checkbox-primary">-->
                        <!--<input class="" type="radio" value="新品" checked="checked"  id="checkbox1" name="Label">-->
                        <!--<label for="checkbox1">-->
                        <!--新品-->
                        <!--</label>-->
                        <!--</div>-->
                        <!--<div class="checkbox checkbox-primary">-->
                        <!--<input class="" type="radio" value="热卖"  id="checkbox2" name="Label">-->
                        <!--<label for="checkbox2">-->
                        <!--热卖-->
                        <!--</label>-->
                        <!--</div>-->
                        <!--<div class="checkbox checkbox-primary">-->
                        <!--<input class="" type="radio" value="推荐"  id="checkbox3" name="Label">-->
                        <!--<label for="checkbox3">-->
                        <!--推荐-->
                        <!--</label>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!---->
                        <!--</div>-->
                    </div>
                    <div class="col-lg-4 new_form_2 " style="height: 310px;">

                        <div class="file_box2">
                            <span>商品轮播图:</span>
                            <div class="pic_box">
                                <div>
                                    <input id="file_pic1" onchange="pic_replace('file_pic1','file_click1')" type="file"
                                           name="Image1"/>
                                    <label class="file_click1 pic_l" for="file_pic1">+</label>
                                </div>
                                <div>
                                    <input id="file_pic2" onchange="pic_replace('file_pic2','file_click2')" type="file"
                                           name="Image2"/>
                                    <label class="file_click2 pic_l" for="file_pic2">+</label>
                                </div>
                                <br/>
                                <div>
                                    <input id="file_pic3" onchange="pic_replace('file_pic3','file_click3')" type="file"
                                           name="Image3"/>
                                    <label class="file_click3 pic_l" for="file_pic3">+</label>
                                </div>
                                <div>
                                    <input id="file_pic4" onchange="pic_replace('file_pic4','file_click4')" type="file"
                                           name="Image4"/>
                                    <label class="file_click4 pic_l" for="file_pic4">+</label>
                                </div>
                                <div>
                                    <input id="file_pic5" onchange="pic_replace('file_pic5','file_click5')" type="file"
                                           name="Image5"/>
                                    <label class="file_click5 pic_l" for="file_pic5">+</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2"></div>
                    <div class="col-lg-8 product_form" style="padding-bottom: 30px;">
                        <div>
                            <span class="label_sty">商品版型:</span>
                            <select id="pro_type" class="select2 form-control" style="width: 80px;">
                                <option value="商务">商务</option>
                                <option value="迪奥">迪奥</option>
                                <option value="休闲">休闲</option>
                            </select>
                        </div>
                        <div class="product_select">
                            <span class="label_sty">商品分组:</span>
                            <select id="group1" class="select2 form-control" onchange="group1Change()"
                                    style="width: 100px;">
                                <option value="男装">男装</option>
                                <option value="女装">女装</option>
                                <option value="童装">童装</option>
                                <option value="职业装">职业装</option>
                            </select>
                            <select id="group2" class="select2 form-control" style="width: 110px;">
                                <option value="套西">套西</option>
                                <option value="单西">单西</option>
                                <option value="裤子">裤子</option>
                                <option value="长袖衬衫">长袖衬衫</option>
                                <option value="短袖衬衫">短袖衬衫</option>
                                <option value="马甲">马甲</option>
                                <option value="大衣">大衣</option>
                                <option value="风衣">风衣</option>
                                <option value="夹克">夹克</option>
                                <option value="中华立领">中华立领</option>
                                <option value="中式">中式</option>
                            </select>
                        </div>
                        <div class="product_infor">
                            <span class="label_sty">商品活动:</span>
                            <select id="pro_act" class="select2 form-control occcation1" multiple="multiple"
                                    style="width: 330px;">
                            </select>
                            <!--<select class="select2 form-control sel" style="width: 115px;">-->
                            <!--<option value="100%羊毛">100%羊毛</option>-->
                            <!--<option value="80%羊毛">80%羊毛</option>-->
                            <!--</select>-->
                            <!--<select class="select2 form-control sel" >-->
                            <!--<option value="薄款">薄款</option>-->
                            <!--<option value="常规">常规</option>-->
                            <!--<option value="厚款">厚款</option>-->
                            <!--</select>-->
                            <!--<select class="select2 form-control sel" style="width: 100px;">-->
                            <!--<option value="修身型">修身型</option>-->
                            <!--<option value="标准型">标准型</option>-->
                            <!--</select>-->
                            <!--<select class="select2 form-control sel" style="width: 110px;">-->
                            <!--<option value="戗驳头">戗驳头</option>-->
                            <!--<option value="平驳头">平驳头</option>-->
                            <!--<option value="青果领">青果领</option>-->
                            <!--<option value="中国立领">中国立领</option>-->
                            <!--</select>-->
                            <!--<select class="select2 form-control sel" style="width: 100px;">-->
                            <!--<option value="单排扣">单排扣</option>-->
                            <!--<option value="双排扣">双排扣</option>-->
                            <!--<option value="两粒扣">两粒扣</option>-->
                            <!--<option value="五粒扣">五粒扣</option>-->
                            <!--</select>-->
                            <!--<select class="select2 form-control sel" style="width: 100px;">-->
                            <!--<option value="四季">四季</option>-->
                            <!--<option value="冬季">冬季</option>-->
                            <!--<option value="春秋季">春秋季</option>-->
                            <!--<option value="夏季">夏季</option>-->
                            <!--</select>-->
                        </div>
                        <!--<div class="go_time">-->
                        <!--<span class="label_sty">上架时间:</span>-->
                        <!--<div style="margin-top: 10px;">-->
                        <!--<div class="checkbox checkbox-success">-->
                        <!--<input type="radio"  name="OnlineModel" value="1" id="radio4"  checked="checked">-->
                        <!--<label for="radio4">-->
                        <!--审核后立即上架-->
                        <!--</label>-->
                        <!--</div><br />-->
                        <!--<div class="checkbox checkbox-success">-->
                        <!--<input type="radio"  name="OnlineModel" value="2"  id="radio3" >-->
                        <!--<label for="radio3">-->
                        <!--自定义上架时间-->
                        <!--</label>-->
                        <!--</div>-->
                        <!--<input type="text"  class="form-control pull-right data_pick" id="datepicker" name="DiyTime"  />-->
                        <!--</div>-->
                        <!--</div>-->
                        <div class="kind_increase">
                            <span class="label_sty">规格添加:</span>
                            <select class="select2 form-control size" style="width: 80px;">
                                <option value="黑色">黑色</option>
                                <option value="白色">白色</option>
                                <option value="蓝色">蓝色</option>
                                <option value="绿色">绿色</option>
                                <option value="黄色">黄色</option>
                                <option value="红色">红色</option>
                                <option value="紫色">紫色</option>
                                <option value="灰色">灰色</option>
                            </select>
                            <select class="select2 form-control size" style="width: 80px;">
                                <option value="150">150</option>
                                <option value="160">160</option>
                                <option value="165">165</option>
                                <option value="170">170</option>
                                <option value="175">175</option>
                                <option value="180">180</option>
                                <option value="185">185</option>
                            </select>
                            <input class="form-control new-form-input size" type="text" name=""
                                   onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="数量" autocomplete="off"/>
                            <a class="kind_increase_btn" onclick="AddNewSize()">添加</a>
                            <div id="kind_box" class="new_table_box col-lg-10" style="display: none">
                                <table class="list_content">
                                    <thead>
                                    <tr>
                                        <th>颜色</th>
                                        <th>尺码</th>
                                        <th>数量</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody class="format_data">
                                    </tbody>
                                </table>
                            </div>
                            <!--<div class="kind_increase_item">-->
                            <!--<div class="kind_box">-->
                            <!--<div  class="kind_box_2" >-->
                            <!--<span>尺寸:</span> -->
                            <!---->
                            <!--<a class="increase_inp">+</a>-->
                            <!--<a class="reduce_inp">-</a>-->
                            <!--</div>-->
                            <!--<div  class="kind_box_3">-->
                            <!--<span>数量:</span> -->
                            <!--</div>-->
                            <!--</div>-->
                            <!---->
                            <!--</div>-->
                        </div>
                        <div class="product_details">
                            <span class="label_sty">详情介绍:</span>
                            <input type="file" id="detail_pic" name="Detail"
                                   onchange="pic_replace('detail_pic','detail_pic')"/>
                            <label class="detail_pic" for="detail_pic">+</label>
                            <span>商品缩略图:</span>
                            <input type="file" id="product_pic" name="Thumbnail"
                                   onchange="pic_replace('product_pic','file_img1')"/>
                            <label class="file_img1" for="product_pic">+</label>
                        </div>
                        <div class="submit_box" style="display: inline-block;">
                            <input type="button" class="submit_all" value="提交">
                        </div>
                    </div>

                </div>
            </form>
        </section>
        <!-- /.content -->
    </div>

    <!-- /.content-wrapper -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 2.0.0
        </div>
        <strong>Copyright &copy; 2018-2019 <a href="http://www.han5j.com/">西安寒武纪信息科技有限公司</a>.</strong> All rights
        reserved.
    </footer>
</div>
<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/adminlte.min.js"></script>
<script type="text/javascript" src="js/moment.min.js"></script>
<script src="js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/select2.full.min.js"></script>
<script src="js/layui.all.js"></script>
<script src="js/jq.cookie.js"></script>

<script src="js/change_password.js"></script>
<script type="text/javascript" src="js/new_product.js"></script>
</body>
</html>
